.editor_html,
.editor_body {
    height: 100%;
    font-size: 0;
}
.gen_html,
.gen_body {
    height: 100%;
    font-size: 1em;
    background: #fafafa;
    margin:0 auto;
    width: 80%;/*更改这里以调整显示效果，打印为pdf的时候调成100%，网页浏览的时候80%看起来比较适合 */
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Microsoft yahei';
}
div,
textarea {
    box-sizing: border-box;
    width: 50%;  
    border: 1px solid #e6e6e6;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    background: #fafafa;
    padding-left: 8px;
    padding-top: 5px;
    line-height: 20px;
    word-break:break-all;
}
textarea {
    resize: none;
    background: #000;
    color: #fff;
    text-decoration: none;
}
::-webkit-scrollbar{
    width: 16px;
    height: 16px;
    background-color: #1e1e1e;
}

::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #1e1e1e;
}

::-webkit-scrollbar-thumb{
    height: 20px;
    border-radius: 10px;
    background-color: rgba(170, 170, 170, 0.5);
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

::-webkit-scrollbar-thumb:hover{
    background-color: #aaa;
}
/*行内代码*/
code {
    margin: 0 0.2em;
    padding: 0 0.3em;
    background: #DCDCDC;
    /*font-family: mononoki, monospace;*/
    color: #E96900;
}
/*代码块*/
pre {
    padding: 0.3em;
    background-color: #131415;
    border-bottom: 1px dashed #ddd;
    color: #FFFFFF;
    margin-top: 0 !important;
    margin-left: 1em;
    font-family: Consolas, Inconsolata, Courier, monospace;
    border-radius: 8px;
    border:dashed 1px blue;
    font-size: 1em;
    white-space: pre-wrap!important;
    word-wrap: break-word!important;
    counter-reset: line;
}
pre span {
  display: block;
  line-height: 1.1rem;
  /*margin:0.3em;*/
  margin-bottom: -1em;
  word-break:break-all;
}
pre span:before {
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  border-right: 1px solid #ddd;
  padding: 0.1em;
  margin-right: 1em;
  color: #76ff03;
}

blockquote {
    border-left: 4px solid #42b983;
    padding: 0.2em 1rem 0.2em 0.2em;
    margin-left: 1em;
    color: #777;
    background-color: rgba(66, 185, 131, .1);
    font-family: Consolas, Inconsolata, Courier, monospace;
    border-radius: 0px;
    word-break:break-all;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  position: relative;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  line-height: 1.4em;
}
h1 {
  font-size: 2em;
  line-height: 1.2em;
}
h2 {
  font-size: 1.5em;
  line-height: 1.225em;
}
h3 {
  font-size: 1.3em;
  line-height: 1.43em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 1em;
  color: #999;
}
hr {
  border: 1px solid #ddd;
}
p {
    margin: 5px 0;
    text-indent:2em;
}
li {
    margin-left: 1em;
    word-break:break-all;
}
ul,
ol {
    margin: 0.2em 0;
    margin-left: 2em;
}

/*================表格开始================*/
table
{
 display:table;
 width: 100% ;
 /*text-align: left;*/
}
tbody {
  border: 0;
}

table tr {
  border: 0;
  border-top: 1px solid #CCC;
  background-color: white;
 
}

/*隔行改变行的背景色，如需要请打开*/
table tr:nth-child(2n) {
  background-color: #F0F0F0;
}

/*表头的属性*/
table tr th {
  font-weight: bold;
  background-color: #E0E0E0;
}

table tr th, table tr td {
  font-size: 1em;
  border: 1px solid #CCC;
  padding: 0.5em 1em;
  text-align: left;
}

/*================表格结束================*/

div {
    overflow: auto;
}
/*================  图片描述开始 ==================*/
img
{
  display: block;
  margin:0 auto;  /*图片水平居中*/
  /* margin:0 0;  */ /*图片水平居左，如需要请打开*/
  max-width:100%;
  filter: drop-shadow(3px 3px 3px gray);
  border-radius: 8px;
}
figcaption/*图片描述文字*/
{
  margin-top:10px;
  text-align:center;
   /* text-align:left;  */ /*当图片水平居左时，请打开*/
  color:#999;
  font-size: 0.7em;
}
/*================  图片描述结束 ==================*/